{extend name='public/layout'/}
<!-- 本页面要使用的css开始 -->
{block name='css'}
<link rel="stylesheet" type="text/css" href="__STATIC__/api/css/classify.css?v={:time()}" />
{/block}
<!-- 本页面要使用的css结束 -->

<!-- 本页面要使用的js开始 -->
{block name='js'}
<script src="__STATIC__/api/js/classify.js" type="text/javascript" charset="utf-8"></script>
{/block}
<!-- 本页面要使用的js结束 -->
<!-- 页面主体开始 -->
{block name='app'}
<div class="wrap">
	<div class="goSearch">
		<a href="store-search.html"><img src="__STATIC__/api/images/searchBg.png" alt=""></a>
	</div>
	<div class="seach-body clearfix">
		<ul class="classify-nav fl">
			<li :class="isStore ==-1?'active':''"><p @click="IsActive(-1,0)">全部分类</p></li>
			<li v-for="(item,index) in store" :key='index' :class="isStore ==index?'active':''">
				<p @click="IsActive(index,item.id)">{{item.title}}</p>
			</li>

		</ul>
		<section class="classify-list fl">
			<ul>
				<li class="clearfix" v-for="(item,index) in storeList.count">
					<div class="shop-img fl">
						<a  @click="toGoodsDetail(item.id)">
							<img :src="item.shop_cover" alt="" class="" >
						</a>
					</div>

					<div class="shop-right fl">
						<a @click="toGoodsDetail(item.id)">
							<p class="name">{{item.title}}</p>
							<p class="location">{{item.distance}}m</p>
							<p class="voucher" v-if="storeList.cashcard_available||item.cashcard_available"><i><img src="__STATIC__/api/images/icon/ticket.png" alt=""></i>代金券可用门店</p>
						</a>
					</div>
				</li>
			</ul>
			<p class="no-more">没有更多了</p>
		</section>
	</div>
</div>
{include file='public/foot' /}
{/block}